<template>
  <el-dialog :visible.sync="dialogVisible" top="50px" width="1336px" :show-close="false" center="center" custom-class="video-dialog-class">
    <div class="wrap">
      <iframe :src="src" class="iframe" />
    </div>
  </el-dialog>
</template>

<script>

export default {
  data() {
    // 密码验证
    return {
      dialogVisible: false,
      src: ''
    }
  },
  mounted() {
    this.$bus.on('prewVideoDialog', (obj) => {
      this.dialogVisible = true
      this.src = obj.src
      console.log('收到调用:' + obj.src)
    })
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
  .dialogCustom{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    div.el-dialog{
      width: unset !important;
      margin: 0 !important;
    }
    div{
      margin:0 !important;
      padding: 0 !important;
    }

  }

  .el-dialog__header{
    margin:0 !important;
    padding: 0 !important;
  }
  .el-dialog__body{
    margin:0 !important;
    padding: 0 !important;
  }
 .wrap{
   width: 1334px;
   height: 768px;
 }
 .iframe{
   border: none;
   width: 100%;
   height: 100%;
 }
</style>

